/**********************************************支付场景**********************************************/

/**
 * 定义dataStore
 */
PayMode.dataStore = Ext.create('Ext.data.Store', {
	model : 'PayMode',
	pageSize : PayMode.pageSize,
	proxy : {
		type : 'ajax',
		url : PayMode.searchUrl,
		method : 'POST',
		reader : {
			type : 'json',
			rootProperty : 'rows',
			totalProperty : 'results'
		}
	},
});

/**
 * 定义分页底部工具栏
 */
PayMode.pageTool = Ext.create('Ext.PagingToolbar', {
	pageSize : PayMode.pageSize,
	store : PayMode.dataStore,
	displayInfo : true,
	items : [ '-', '&nbsp;', PayMode.pageSizeCombo ]
});

/**
 * 定义顶部工具栏
 */
PayMode.toolBar = Ext.create('Ext.toolbar.Toolbar', {
	items : [ PayMode.addButton, '-', PayMode.editButton, '-',
			PayMode.delButton, '-', PayMode.helpButton ]
});

/**
 * 定义数据列表
 */
PayMode.gridPanel = Ext.create('Ext.grid.Panel', {
	autoScroll : 'auto',
	region : 'center',
	loadMask : true,
	stripeRows : true,
	dockedItems : [ {
		items : PayMode.toolBar,
		dock : 'top'
	}, {
		items : PayMode.pageTool,
		dock : 'bottom'
	} ],
	defaults : {
		sortable : true,
		width : 150
	},
	store : PayMode.dataStore,
	columns : [ new Ext.grid.RowNumberer(), {
		xtype : 'hidden',
		fieldLabel : 'ID',
		name : 'id'
	}, {
		text : '银行名称',
		dataIndex : 'name'
	}, {
		text : '银行代码',
		dataIndex : 'code'
	}, {
		text : '银行图标',
		dataIndex : 'icon',
		width : 200,
		renderer : function(val) {
			return '<img src="' + val + '" />';
		}
	}, {
		text : '支付方式类型',
		dataIndex : 'type'
	}, {
		text : '权重',
		dataIndex : 'weight'
	}, {
		text : '是否可用',
		dataIndex : 'isShow',
		renderer : function(val) {
			if (val == '0') {
				return '否';
			}
			if (val == '1') {
				return '是';
			}
			return '未定义';
		}
	} ]
});

Ext.create('Ext.container.Viewport', {
	requires : [ 'Ext.layout.container.Fit' ],
	layout : {
		type : 'fit'
	},
	items : PayMode.gridPanel
});

PayMode.dataStore.load({
	params : {
		start : 0,
		limit : PayMode.pageSize
	}
});